<template>
    <div class="footer">
          <div class="ng-promise-box">
            <div class="ng-promise">
              <p class="text">
                <a class="icon1" href="javascript:;">7天无理由退换货</a>
                <a class="icon2" href="javascript:;">满99元全场免邮</a>
                <a class="icon3" style="margin-right: 0" href="javascript:;">100%品质保证</a>
              </p>
            </div>
          </div>
          <div class="github">
            <a href="https://github.com/hai-27/vue-store" target="_blank">
              <div class="github-but"></div>
            </a>
          </div>
          <div class="mod_help">
            <p>
              <router-link to="/">首页</router-link>
              <span>|</span>
              <router-link to="/goods">全部商品</router-link>
              <span>|</span>
              <router-link to="/about">关于我们</router-link>
            </p>
            <p class="coty">商城版权所有 &copy; 2012-2021</p>
          </div>
        </div>
</template>

<style lang="scss" scoped>
.footer{
            width: 100%;
            height: 250px;
            background: rgb(158, 62, 62);
            text-align: center;
}
.footer .ng-promise-box {
  border-bottom: 1px solid #000000;
  line-height: 80px;
}
.footer .ng-promise-box {
  margin: 0 auto;
  border-bottom: 1px solid #000000;
  line-height: 90px;
}
.footer .ng-promise-box .ng-promise p a {
  color: rgb(0, 0, 0);
  font-size: 18px;
  margin-right: 210px;
  padding-left: 44px;
  height: 40px;
  display: inline-block;
  line-height: 40px;
  text-decoration: none;
  background: url("../images/us-icon.png") no-repeat left 0;
}
.footer .github {
  height: 50px;
  line-height: 50px;
  margin-top: 20px;
}
.footer .github .github-but {
  width: 50px;
  height: 50px;
  margin: 0 auto;
  background: url("../images/github.png") no-repeat;
}
.footer .mod_help {
  text-align: center;
  color: #464444;
}
.footer .mod_help p {
  margin: 20px 0 16px 0;
}

.footer .mod_help p a {
  color: #464444;
  text-decoration: none;
}
.footer .mod_help p a:hover {
  color: rgb(0, 0, 0);
}
.footer .mod_help p span {
  padding: 0 22px;
}
</style>